<div>
    <?php
    $idVideo = $fichiers['Fichier']['id'];
    $aux;
    $sub_titres;

    $aux2 = "<p><font color='yellow' size='3'>$sub_titres .........</p></font>";
    ?>

<?php $categorie_id = $fichiers['Fichier']['categorie_id'] ?>
<?php $typefi = $fichiers['Fichier']['typefi'] ?>



    <!-- Partie du audio -->
      <br><br><audio   id="audio"  controls  width="600" height="500" >

        <source src='<?php echo Dispatcher::baseUrl(); ?>/audios/<?php echo $t = $fichiers['Fichier']['non_fichier']; ?>' >
            <source src='<?php echo Dispatcher::baseUrl(); ?>/audios/<?php echo $t = $fichiers['Fichier']['non_fichier2']; ?>' >
                </audio><br>


                <div class="pane">

                 <b><?php __('Titre:')?></b>&nbsp&nbsp<?php echo $fichiers['Fichier']['titre']?>
                <br><b><?php __('Description:')?></b> <?php echo $fichiers['Fichier']['description'] ?>
              
              <div style="clear:both;"></div>
              </div>

             <a class="trigge" href="#"><b><?php __("Information sur l'Audio")?></b></a>


                <div class="panel">
                    <b>Rechercher un mot</b>
                    <input type="text" name="key" id="key" autocomplete="off" value=""  onkeyup="buscar(this.value);">
                    <div id="tabla">

                   <!-- Partie de sous-titres-->
                <?php
                $sub;
                foreach ($subtitres as $subtitre) {
                    $id = $subtitre['Subtitre']['video'];
                    //echo $subtitre['Subtitre']['language'];
                    if ($subtitre['Subtitre']['language'] == 'Francais') {
                        if ($idVideo == $id) {
                            $sub_necesario = $sub[$subtitre['Subtitre']['language']] = $subtitre['Subtitre']['nom_sub'];



                            $tableau = file('' . $sub_necesario);

                            echo'<br>';


//Si la variable $tableau est bien un tableau, on peut  continuer


   // echo"<textarea >"; //print_r($tableau);"</textarea><br>";


                            if (is_array($tableau)) {

                                echo'<br>';


                                foreach ($tableau as $ligne) {

                                    $tab = split("[ ]", $ligne);

                                    if (ctype_alpha($tab) != true) {




                                        $tab = split("[48495051525354555657]", $ligne);
                                        for ($i = 0; $i < count($tab); $i++) {


                                            $coursnom = split("[:<>,/+*]", $tab[$i]);
                                    if (isset($coursnom[1])) {

                                                if (strstr($coursnom[1],$sub_titres)) {
                                                    echo $coursnom[1] = $aux2;
                                                }


                                           else{
                                                echo"<font>$coursnom[1]</font>";

                                           }

                                            }
                                        }
                                    } else {
                                        echo "error";
                                    }
                                }
                            }
                        }
                    }
                } ?> </div>
                    <div style="clear:both;"></div>

                </div>
                <a class="trigger" href="#"><b>Phrase et Sous-titre</b></a>





                <br/>
                <button id="buton1" class="css3button" >Masquer Sous- titres 1</button>

                <div id="sous1"> <div id="sub1" class="srt" data-video="audio" data-srt="<?php echo Dispatcher::baseUrl(); ?>/<?php echo $sub['Francais']; ?>"></div>
                </div>


                    <script type="text/javascript">
                    $(document).ready(function(){
                        $(".trigger").click(function(){
                            $(".panel").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });

                    var valor;
                    audio=document.getElementById('audio');
                    audio.addEventListener('play',reprod,false);
                    function reprod(){
                        audio.currentTime=<?php echo $aux; ?>.0;
                    }



                    function change(val){
                        valor=val;
                        $(".subtitulos").loadSubtitle('<?php echo Dispatcher::baseUrl(); ?>/'+valor, "audio");
                    }


                    $('#buton1').click(function () {
                        if ($("#sous1").is(":hidden")) {
                            $("#sous1").show("slow");
                            document.getElementById('buton1').innerHTML = "Masquer Sous- titres 1";
                        } else {
                            $("#sous1").slideUp();
                            document.getElementById('buton1').innerHTML = "Afficher Sous- titres 1";
                        }
                    });

                    $('#buton2').click(function () {
                        if ($("#sous2").is(":hidden")) {
                            $("#sous2").show("slow");
                            document.getElementById('buton2').innerHTML = "Masquer Sous- titres 2";
                        } else {
                            $("#sous2").slideUp();
                            document.getElementById('buton2').innerHTML = "Afficher Sous- titres 2";
                        }
                    });



                    $(document).ready(function(){
                        $(".trigge").click(function(){
                            $(".pane").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });


                </script>


</div>




